<template>
  <el-row :gutter="20">
    <el-col :span="8">
      <el-input v-model="query.query" placeholder="请输入内容" clearable @clear="getList">
        <el-button @click="getList" slot="append" icon="el-icon-search"></el-button>
      </el-input>
    </el-col>
    <slot>
      
    </slot>
  </el-row>
</template>

<script>
  export default {
    props:{
     query:{
        type:Object,
        default(){
          return {}
        }
      }
    },
    methods:{
      getList(){
        this.$emit("getList")
      }
    }
  }
</script>

<style scoped>
  
</style>
